<div class="page">

    <div class="row ui-section">
        <div class="col-lg-8 clearfix">
            <h2 class="section-header"><span data-translate="EDIT_MUSCLE_TITLE"></span></h2>
        </div>

        <div class="col-md-12" ng-controller="EditarMusculoCtrl">
            <section class="panel panel-default">
                <div class="panel-body padding-xl">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">

                            <form data-ng-controller="ConstantesMusculoCtrl" role="form" name="frmEditarMusculo" ng-submit="guardarInfo()">
                                <div class="form-group">
                                    <md-input-container>
                                        <label for="nombre">Nombre</label>
                                        <input md-maxlength="80" required name="nombre" ng-model="musculo.Nombre">
                                        <div ng-messages="frmEditarMusculo.nombre.$error">
                                            <div ng-message="required"><span data-translate="GENERIC_FORM_ERROR_REQUIRED"></span></div>
                                            <div ng-message="md-maxlength"><span data-translate="GENERIC_FORM_ERROR_TOO_LONG"></span></div>
                                        </div>
                                    </md-input-container>
                                </div>

                                <div class="form-group">
                                    <md-select ng-model="musculo.Ubicacion" placeholder="Ubicacion" >
                                        <md-option data-ng-repeat="ubicacion in ListaUbicacion" value="{{ubicacion.Id}}">{{ubicacion.Name}}</md-option>

                                    </md-select>
                                </div>

                                <div class="form-group">
                                    <md-select placeholder="Tipo" ng-model="musculo.Tipo">
                                        <md-option data-ng-repeat="tipo in ListaTipo" value="{{tipo.Id}}">{{tipo.Name}}</md-option>
                                    </md-select>
                                </div>

                                <div class="form-group">
                                    <md-button href="#/musculos/listar">
                                        <span data-translate="FORMS_BACK_CTA"></span>
                                    </md-button><span class="space"></span>
                                    <md-button class="md-raised md-primary" type="submit">
                                        <span data-translate="FORMS_SAVE_CTA"></span>
                                    </md-button>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

</div>